<html lang="en">

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="description" content="">
		<meta name="author" content="">
		<title>ORISPER-MALL</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
		<link rel="stylesheet" href="fonts/font-slider.css" type="text/css">
		<script src="js/jquery-2.1.1.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<script type="text/javascript" src="js/head.js" ></script>
		<script type="text/javascript" src="js/common.js" ></script>
	</head>

	<body>
		<div id="head_div">
			<nav id="top">
				<div class="container">
					<div class="row">
						<div class="col-xs-6">
							<select class="language" id="language">
								<option value="English" selected>English</option>
								<option value="French">français</option>
								<option value="German">Deutsch</option>
								<option value="Spain">Español</option>
							</select>
						</div>
						<div class="col-xs-6">
							<ul class="top-link">
								<li>
									<a href="account.html"><span class="glyphicon glyphicon-user"></span> My Account</a>
								</li>
								<li>
									<a href="contact.html"><span class="glyphicon glyphicon-envelope"></span> Contact</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
			<!--Header-->
			<header class="container">
				<div class="row">
					<div class="col-md-4">
						<div id="logo"><img src="images/orisper-logo.jpg" /></div>
					</div>
					<div class="col-md-8">
						<form class="form-search">
							<input id="keyword" type="text" class="input-medium search-query">
							<button onclick="getCatalogyList()" type="submit" class="btn"><span class="glyphicon glyphicon-search"></span></button>
						</form>
					</div>

					<!--//购物车	
            	<div class="col-md-4">
				<div id="cart"><a class="btn btn-1" href="cart.html"><span class="glyphicon glyphicon-shopping-cart"></span>CART : 0 ITEM</a></div>
			</div>-->
				</div>
			</header>
			<!--Navigation-->
			<nav id="menu" class="navbar">
				<div class="container">
					<div class="navbar-header"><span id="heading" class="visible-xs">Categories</span>
						<button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
					</div>
					<div class="collapse navbar-collapse navbar-ex1-collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="index.html">HOME</a>
							</li>
							<li class="dropdown">
								<a href="category.html" class="dropdown-toggle" data-toggle="dropdown">PRODUCTS</a>
								<div class="dropdown-menu">
									<div class="dropdown-inner">
										<ul id="cataMenu" class="list-unstyled">
											<!--<li>
												<a href="category.html">METAL</a>
											</li>
											<li>
												<a href="category.html">PACKAGING</a>
											</li>
											<li>
												<a href="category.html">OTHER</a>
											</li>-->
										</ul>
									</div>
								</div>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">APPLICATION</a>
								<div class="dropdown-menu">
									<div class="dropdown-inner">
										<ul class="list-unstyled">

										</ul>
										<ul class="list-unstyled">

										</ul>
									</div>
								</div>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">SERVICE</a>
								<div class="dropdown-menu">
									<div class="dropdown-inner">
										<ul class="list-unstyled">

										</ul>
									</div>
								</div>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">DOWNLOAD</a>
								<div class="dropdown-menu">
									<div class="dropdown-inner">
										<ul class="list-unstyled">

										</ul>
									</div>
								</div>
							</li>
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">NEWS</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT US</a>
								<div class="dropdown-menu">
									<div class="dropdown-inner">
										<ul class="list-unstyled">

										</ul>
										<ul class="list-unstyled">

										</ul>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</body>

</html>